<template>
	<view class="beijingse mainpadding">
		<view class="" style="padding-bottom: 160rpx;">
			<view class="shangbj ffffff radius mainpadding" v-for="item in 3">
				<view class="flexleft">
					<!-- 未选中 -->
					<view class="weixz margin_right2"></view>
					<!-- 已选中 -->
					<!-- <view class="margin_right2">
						<u-icon name="checkmark-circle-fill" color="#2361FF" size="19"></u-icon>
					</view> -->
					<view class="strongtext">订单编号：1548642154841234</view>
				</view>
				<view class="flexbetween margin_top" v-for="item in 2">
					<!-- 未选中 -->
					<view class="weixz margin_right2"></view>
					<!-- 已选中 -->
					<!-- <view class="margin_right2">
						<u-icon name="checkmark-circle-fill" color="#2361FF" size="19"></u-icon>
					</view> -->
					<view class="flexbetween" style="width: 90%;">
						<image class="sptp" src="../static/image/system/zybjt.png" mode=""></image>
						<view class="" style="width: 62%;">
							<view class="ershiba fonweight yhxk">洋河 海之蓝 绵柔浓香型白...</view>
							<view class="strongtext xiaohui yhxk margin_top2">海之蓝 42度 480ml2瓶...</view>
							<view class="flexbetween margin_top4">
								<view class="sishi fonweight xiaohong">￥380</view>
								<view class="jianbox flexbetween">
									<view class="" style="padding-left: 10rpx;">
										<u-icon name="minus" color="#B4B4B4" size="14"></u-icon>
									</view>
									<view class="biak"></view>
									<view class="ershiba xiaohei textcenter" style="width: 70rpx;">1</view>
									<view class="biak"></view>
									<view class="" style="padding-right: 10rpx;">
										<u-icon name="plus" color="#333333" size="16"></u-icon>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<!-- 固定底部 结算-->
		<view class="gudingdb ffffff mainpadding flexbetween">
			<view class="flexleft">
				<!-- 未选中 -->
				<view class="weixz margin_right1"></view>
				<!-- 已选中 -->
				<!-- <view class="margin_right1">
					<u-icon name="checkmark-circle-fill" color="#2361FF" size="19"></u-icon>
				</view> -->
				<view class="ershiba ">全选</view>
			</view>
			<view class="flexright">
				<view class="ershiba xiaohei margin_right3">合计:
					<text class="sishi xiaohong fonweight">￥380</text>
				</view>
				<view class="lanbtn flexcenter">结算</view>
			</view>
		</view>
		<!--固定底部 删除 -->
		<view class="gudingdb ffffff mainpadding flexbetween">
			<view class="flexleft">
				<!-- 未选中 -->
				<view class="weixz margin_right1"></view>
				<!-- 已选中 -->
				<!-- <view class="margin_right1">
					<u-icon name="checkmark-circle-fill" color="#2361FF" size="19"></u-icon>
				</view> -->
				<view class="ershiba ">全选</view>
			</view>
			<view class="lanbtn flexcenter">删除</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.lanbtn{
		width: 224rpx;
		height: 88rpx;
		background: #2361FF;
		border-radius: 245rpx 245rpx 245rpx 245rpx;
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
	}
	.biak{
		width: 1rpx;
		height: 47rpx;
		background-color:#D2D2D2;
	}
	.jianbox{
		width: 178rpx;
		height: 48rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		opacity: 1;
		border: 1rpx solid #D2D2D2;
	}
	.sptp {
		width: 196rpx;
		height: 196rpx;
		border-radius: 15rpx;
	}

	.shangbj {
		margin-top: 30rpx;
	}

	.shangbj:first-child {
		margin-top: 0rpx;
	}
</style>